<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<META http-equiv="Pragma" content="no-cache">
<META http-equiv="Cache-Control" content="no-cache">
<META http-equiv="Expires" content="0">
<link rel="stylesheet" href="css/layui.css" media="all" />
<link rel="stylesheet" type="text/css" href="/css/barrager.css">
<link rel="stylesheet"
	href="plugins/font-awesome/css/font-awesome.min.css" />
<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="/layui.js" type="text/javascript"></script>
<script src="/ag/love.js" type="text/javascript"></script>
<script type="text/javascript" src="/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.barrager.min.js"></script>

<title>帆帆和思思</title>
</head>
<body>

	<div class="loveWapper">
		<div class="layui-carousel" id="test1">
			<div carousel-item>
				<div>
					<img alt="" width="100%" height="100%" src="/img/love.jpg">
				</div>
				<div>
					<img alt="" width="100%" height="100%" src="/img/love1.jpg">
				</div>
				<div>
					<img alt="" width="100%" height="100%" src="/img/love2.jpg">
				</div>
				<!-- <div>
					<img alt="" width="100%" height="100%" src="/img/love3.jpg">
				</div>
				<div>
					<img alt="" width="100%" height="100%" src="/img/love4.jpg">
				</div>
				<div>
					<img alt="" width="100%" height="100%" src="/img/love5.jpg">
				</div> -->

				<!-- <div>
					<img alt="" width="100%" height="100%" src="/img/love100.jpg">
				</div>
				<div>
					<img alt="" width="100%" height="100%" src="/img/love111.jpg">
				</div>
				<div>
					<img alt="" width="100%" height="100%" src="/img/love112.jpg">
				</div>
				<div>
					<img alt="" width="100%" height="100%" src="/img/love113.jpg">
				</div>
				<div>
					<img alt="" width="100%" height="100%" src="/img/love114.jpg">
				</div>
				<div>
					<img alt="" width="100%" height="100%" src="/img/love115.jpg">
				</div>
				<div>
					<img alt="" width="100%" height="100%" src="/img/love116.jpg">
				</div>
				<div>
					<img alt="" width="100%" height="100%" src="/img/love117.jpg">
				</div>
				<div>
					<img alt="" width="100%" height="100%" src="/img/love118.jpg">
				</div>
				<div>
					<img alt="" width="100%" height="100%" src="/img/love119.jpg">
				</div>
				<div>
					<img alt="" width="100%" height="100%" src="/img/love120.jpg">
				</div>
				<div>
					<img alt="" width="100%" height="100%" src="/img/love121.jpg">
				</div>
				<div>
					<img alt="" width="100%" height="100%" src="/img/love122.jpg">
				</div>
				<div>
					<img alt="" width="100%" height="100%" src="/img/love123.jpg">
				</div>
				<div>
					<img alt="" width="100%" height="100%" src="/img/love124.jpg">
				</div> -->

			</div>
		</div>
		<ul class="layui-nav" style="position: absolute; z-index: 9999;right:0;">
			<!-- <li class="layui-nav-item"><a href="">控制台<span class	`="layui-badge">9</span></a></li> -->
			<li class="layui-nav-item"><a href="">个人中心<span
					class="layui-badge-dot"></span></a></li>
			<li class="layui-nav-item" lay-unselect="">
			<!-- <span class="layui-badge layui-bg-blue" th:text="${user.name}"></span> -->
			<a href="javascript:;"><img class="layui-nav-img" th:text="${user.userName}"></img><!-- <img src="//t.cn/RCzsdCq" class="layui-nav-img">我 --></a>
			<!-- <a href="javascript:;"> <img src="//t.cn/RCzsdCq" class="layui-nav-img" th:text="${user.name}"></a> -->
				<dl class="layui-nav-child">
					<dd>
						<a href="javascript:;">修改信息</a>
					</dd>
					<dd>
						<a href="javascript:;">安全管理</a>
					</dd>
					<dd>
						<a href="javascript:;">退出</a>
					</dd>
				</dl></li>
		</ul>


	 <div id="music" style="position: absolute; z-index: 9999;width:90%">
			<audio controls="controls" preload="auto" loop="loop" style="width: 50%"
				autoplay="autoplay">
				<source src="/audio/love.mp3" type="audio/mpeg">
				<source src="/audio/love2.mp3" type="audio/mpeg">
			</audio>
		</div> 
		<!-- <input type="button" value="测试json(请在浏览器控制台查看结果)" onclick="testJson()"><br><br> -->
		<input id="text" type="text"
			style="height: 20px; position: absolute; left: 0px; bottom: 0px; width: 80%; height: 20px; z-index: 9999;">
		<input class="layui-btn layui-btn-sm layui-btn-danger" value="我想说"
			style="position: absolute; left: 0px; bottom: 0px; width: 20%; height: 25px; z-index: 9999; margin-left: 80%"
			onclick="testBarrager()"> <br>
		<br>
		<!-- <input type="button" value="清除所有的弹幕" style="background-color: red;" onclick="cleanBarrager()"> -->
		<!-- <input type="button"  style ="background-color:red; position:absolute; left:0px; bottom:0px; width:20%; height:20px; z-index:9999;marmargin-bottom 20%" value="ajax从服务器端取出所有的弹幕" onclick="showBarrage()"> -->
	</div>

</body>
</html>